<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script src="/resource/style/common/lib/jquery-1.5.1.min.js"></script>
	</head>
	<body>
		<div style="height: 300px; width: 700px; background-color: #999; display: none;" id="activityDiv" >
			剩余时间:<label id="remainingTime"></label>
			<br />
			公告:<label id="note"></label>
			<br />
			规则：<label id="rule"></label>
			<br />
			协议：<label id="protocol"></label>
			<br />
			<input type="hidden" id="dItem" value="" />
			<input type="hidden" id="dItemName" value="" />
			<table id="tabDetail" style="display: none;">
				<tr>
				<td id="dName"></td>
				<td><img id="dPic" width="80px;" height="120px;" src="" /></td>
				<td>(((<label id="dDialog"></label>)))</td>
				<td><a href="#" onclick="deal();">成交</a>&nbsp;&nbsp;<a href="#" onclick="bid();" >出价</a></td>
				<td>
					<input type="text" id="dBid" />
					<input type="radio" name="dPlan" value="1" />策略1
					<input type="radio" name="dPlan" value="2" />策略2
					<input type="radio" name="dPlan" value="3" />策略3
					<input type="radio" name="dPlan" value="4" />策略4
				</td>
				<tr>
				<td><a href="" >偷听</a></td>
				<td><a href="javascript(void);" >帮忙</a></td>
				</tr>
			</table>
			<table id="tabList">
				<tr><th id="iName0"></th><th id="iName1"></th><th id="iName2"></th><th id="iName3"></th><th id="iName4"></th></tr>
				<tr><td><img id="iPic0" width="80px;" height="120px;" src="" /></td><td><img width="80px;" height="120px;" id="iPic1" src="" /></td><td><img width="80px;" height="120px;" id="iPic2" src="" /></td><td><img width="80px;" height="120px;" id="iPic3" src="" /></td><td><img width="80px;" height="120px;" id="iPic4" src="" /></td></tr>
				<tr><th id="iPrice0"></th><th id="iPrice1"></th><th id="iPrice2"></th><th id="iPrice3"></th><th id="iPrice4"></th></tr>
				<tr>
				<td><a id="iDetail0" href="">详情</a></td>
				<td><a id="iDetail1" href="">详情</a></td>
				<td><a id="iDetail2" href="">详情</a></td>
				<td><a id="iDetail3" href="">详情</a></td>
				<td><a id="iDetail4" href="">详情</a></td>
				</tr>
				<tr>
				<td><input type="button" value="按钮" id="iPlay0" onclick="play(this);"></td>
				<td><input type="button" value="按钮" id="iPlay1" onclick="play(this);"></td>
				<td><input type="button" value="按钮" id="iPlay2" onclick="play(this);"></td>
				<td><input type="button" value="按钮" id="iPlay3" onclick="play(this);"></td>
				<td><input type="button" value="按钮" id="iPlay4" onclick="play(this);"></td>
				</tr>
				<tr>
					<td>最新消息</td><td><label id="iMessage"></label></td>
				</tr>
			</table>
			<br />
		</div>
		<script type="text/javascript">
		/*	id : jQuery("#dItem").val(),
							price : jQuery("#dBid").val(),
							plan : jQuery("#dPlan").val()*/
							
			function deal(){
				jQuery.ajax( {
					//contentType : 'application/json', //post加入这句有获取不到数据
					url : "/front/deal",
					type : "POST",
					dataType : 'json',
					async : false,
					cache : false,
					timeout : 0,
					data : {
								itemId : jQuery("#dItem").val(),
								itemName : jQuery("#dItemName").val()
							},
					success : function(result) {
						if(result.code == "0"){
						}
						else{
						}
						/*
						jQuery("#tabList").hide();
						jQuery("#tabDetail").show();
						jQuery("#dDialog")[0].innerHTML = result.note;
						
						itemList = result.itemList;
						jQuery("#dName")[0].innerHTML = itemList[0].name;
						jQuery("#dPic")[0].src = itemList[0].picUrl;*/
						//items
						/*
						itemList = result.itemList;
						
						for(var i = 0; i < 5; i++)
						{
							jQuery("#iName" + i)[0].innerHTML = itemList[i].name;
							jQuery("#iPic" + i)[0].src = itemList[i].picUrl;
							jQuery("#iPrice" + i)[0].innerHTML = "¥" + itemList[i].price;
							jQuery("#iPic" + i)[0].src = itemList[i].picUrl;
							jQuery("#iDetail" + i).attr("href", itemList[i].detailUrl);
							jQuery("#iPlay" + i).attr("item", itemList[i].code);
							//jQuery("#iPlay" + i).one("click", function(){alert(1);});
						}
						*/
						//for(var item in itemList){
						//}
						
					},  
			        error : function() 
			        {  
			            alert("服务器繁忙，请稍候请求成交");
			        }
				});
			}
		
		
			function bid(){
				jQuery.ajax( {
					//contentType : 'application/json', //post加入这句有获取不到数据
					url : "/front/bid",
					type : "POST",
					dataType : 'json',
					async : false,
					timeout : 0,
					data : {
							itemId : jQuery("#dItem").val(),
							price : jQuery("#dBid").val(),
							plan : jQuery('input[name=dPlan]:checked').val()
							},
					success : function(result) {
						jQuery("#dDialog")[0].innerHTML = result.dialogue;
						//alert(result.protocol);
						/*
						jQuery("#tabList").hide();
						jQuery("#tabDetail").show();
						jQuery("#dDialog")[0].innerHTML = result.note;
						
						itemList = result.itemList;
						jQuery("#dName")[0].innerHTML = itemList[0].name;
						jQuery("#dPic")[0].src = itemList[0].picUrl;*/
						//items
						/*
						itemList = result.itemList;
						
						for(var i = 0; i < 5; i++)
						{
							jQuery("#iName" + i)[0].innerHTML = itemList[i].name;
							jQuery("#iPic" + i)[0].src = itemList[i].picUrl;
							jQuery("#iPrice" + i)[0].innerHTML = "¥" + itemList[i].price;
							jQuery("#iPic" + i)[0].src = itemList[i].picUrl;
							jQuery("#iDetail" + i).attr("href", itemList[i].detailUrl);
							jQuery("#iPlay" + i).attr("item", itemList[i].code);
							//jQuery("#iPlay" + i).one("click", function(){alert(1);});
						}
						*/
						//for(var item in itemList){
						//}
						
					},  
			        error : function() 
			        {  
			            alert("服务器繁忙，请重试。");
			        }
				});
			}
		
			function play(obj)
			{
				var id = jQuery(obj).attr("item");
				var name = jQuery(obj).attr("itemName");
				
				jQuery("#dItem")[0].value = id;
				jQuery("#dItemName")[0].value = name;
				
				jQuery.ajax( {
					contentType : 'application/json',
					type : "GET",
					url : "/front/play",
					dataType : 'json',
					data : {itemId : id},
					//data : {name : "aaa"},
					success : function(result) {
						//alert(result);
						//alert(result.protocol);
						jQuery("#tabList").hide();
						jQuery("#tabDetail").show();
						jQuery("#dDialog")[0].innerHTML = result.note;
						
						itemList = result.itemList;
						jQuery("#dName")[0].innerHTML = itemList[0].name;
						jQuery("#dPic")[0].src = itemList[0].picUrl;
						//items
						/*
						itemList = result.itemList;
						
						for(var i = 0; i < 5; i++)
						{
							jQuery("#iName" + i)[0].innerHTML = itemList[i].name;
							jQuery("#iPic" + i)[0].src = itemList[i].picUrl;
							jQuery("#iPrice" + i)[0].innerHTML = "¥" + itemList[i].price;
							jQuery("#iPic" + i)[0].src = itemList[i].picUrl;
							jQuery("#iDetail" + i).attr("href", itemList[i].detailUrl);
							jQuery("#iPlay" + i).attr("item", itemList[i].code);
							//jQuery("#iPlay" + i).one("click", function(){alert(1);});
						}
						*/
						//for(var item in itemList){
						//}
						
					},  
			        error : function() {  
			            alert("error");
			          }
				});
			}
		
			jQuery.ajax( {
				contentType : 'application/json',
				type : "GET",
				url : "/front/global",
				dataType : 'json',
				//data : {username : "aaa", password : "bbb"},
				//data : {name : "aaa"},
				success : function(result) {
					//alert(result);
					//alert(result.protocol);
					jQuery("#activityDiv").css("display","block");
					jQuery("#remainingTime")[0].innerHTML = result.remainingTime;
					jQuery("#note")[0].innerHTML = result.note;
					jQuery("#rule")[0].innerHTML = result.rule;
					jQuery("#protocol")[0].innerHTML = result.protocol;
					jQuery("#iMessage")[0].innerHTML = result.message;
					//items
					itemList = result.itemList;
					
					for(var i = 0; i < 5; i++)
					{
						jQuery("#iName" + i)[0].innerHTML = itemList[i].name;
						jQuery("#iPic" + i)[0].src = itemList[i].picUrl;
						jQuery("#iPrice" + i)[0].innerHTML = "¥" + itemList[i].price;
						jQuery("#iPic" + i)[0].src = itemList[i].picUrl;
						jQuery("#iDetail" + i).attr("href", itemList[i].detailUrl);
						jQuery("#iPlay" + i).attr("item", itemList[i].code);
						jQuery("#iPlay" + i).attr("itemName", itemList[i].name);
						//jQuery("#iPlay" + i).one("click", function(){alert(1);});
					}
					//for(var item in itemList){
					//}
					
				},  
		        error : function() {  
		            alert("error");
		          }
			});
			
		</script>
	</body>
</html>